<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>Document</title>
  </head>
  <body>
    <script>
      // 作用域链本质上是底层的变量查找机制，
      //   在函数被执行时，会优先查找当前函数作用域中查找变量，
      //   如果当前作用域查找不到则会依次逐级查找父级作用域直到全局作用域
      //   let a = 1
      function f() {
        // let a = 2
        function g() {
          //   a = 3
          console.log(a)
        }
        g()
      }
      f()
    </script>
  </body>
</html>
